<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/css.css"/>
		<link rel="stylesheet" type="text/css" href="css/cates.css"/>
		<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.superslide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
	<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<a class="navbar-brand" href="#"><img src="img/book.png" alt=""></a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
		
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav mr-auto bt">
							
							<li>图书商城管理系统</li>
						</ul>
		
						<ul class="navbar-nav navbar-light">
							<li class="nav-item"><button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" ><a href="personnal.html">个人中心</a></button>
							</li>
							<li class="nav-item">
								<button class="btn btn-info" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#login">登录</button>
							</li>
		
							<li class="nav-item">
								<button class="btn btn-success" type="button" style="margin-left: 5px" data-toggle="modal" data-target="#register">注册</button>
							</li>
						</ul>
		
					</div>
				</nav>
				
		<header class="userList">
			
		</header>
		
		<nav>
			<div class="innerBox">
				<ul id="nav-ul">
					<li ><a href="index.html">首页</a></li>
					<li  class="active"><a href="cates.html">名人励志</a></li>
					<li><a href="dianqi.html">经典名著</a></li>
					<li><a href="wenju.html">儿童绘本</a></li>
					
					
					<li><a href="valuation.html">估价咨询</a></li>
					</li>
				</ul>
			</div>
		</nav>
		<div class="container">
			<div class="innerBox cateBox">
				<div class="left leftBox">
					<div class="cateList">
						<div class="titles cateTitle">
							书籍分类
						</div>
						<div class="cates">
							<ul>
								<li><a href="#" class="active">名人励志</a></li>
								<li><a href="#">经典名著</a></li>
								<li><a href="#">儿童绘本</a></li>
								<li><a href="#">历史</a></li>
								
							</ul>
						</div>
					</div>
					<div class="cateList recentList">
						<div class="titles cateTitle">
							最近浏览
						</div>
						<div class="recent">
							<ul>
								<li>
									<div class="recentImg left">
										<a href="commodityDetails.html"><img src="img/人生.jpg"/></a>
									</div>
									<div class=" recentTitle right">
										<p><a href="commodityDetails.html">人生</a></p>
										<p><span class="price">￥10</span></p>
									</div>
								</li>
								<li>
									<div class="recentImg left">
										<a href="commodityDetails.html"><img src="img/人间值得.jpg"/></a>
									</div>
									<div class="recentTitle right">
										<p><a href="commodityDetails.html">人间值得</a></p>
										<p><span>￥10</span></p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="right rightBox">
					<div class="overflowBox">
						<div class="left today">
							<div class="titles todayTitle">
								今日上新
							</div>
							<div class="todayBox">
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/人生.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">人生</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/人间值得.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">人间值得</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/时间从来不语.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">时间从来不语</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/假如.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">假如</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/假如.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">假如</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/时间从来不语.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">时间从来不语</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/人间值得.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">人间值得</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/人生.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">人生</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
							</div>
						</div>
						<div class="right news">
							<div class="titles newsTitle">
								今日动态
							</div>
							<div class="newsBox">
								<ul>
									<li><a href="#">出售二手书</a></li>
									<li><a href="#">出售二手书</a></li>
									<li><a href="#">出售二手书</a></li>
									<li><a href="#">出售二手书</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="hot">
						<div class="titles hotTitle">
							热点推荐
						</div>
						<div class="hotBox">
							<div class="todayGoods">
								<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/人生.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">人生</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/人间值得.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">人间值得</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/时间从来不语.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">时间从来不语</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
								<div class="todayGoods">
									<div class="todayimg">
										<a href="commodityDetails.html"><img src="img/假如.jpg"/></a>
									</div>
									<div class="todayTitle">
										<p><a href="commodityDetails.html">假如</a></p>
										<p><span>￥10</span></p>
									</div>
								</div>
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row div_row_yxy" style="background:#d6d8d9;padding-top: 40px;padding-bottom: 40px;">
					<div class="col-12 text-center">
						<h3 class="display-8" style="color:red">图书商城管理系统</h3>
						<div class="a" style="color: #6c757d;">
						<span>关于我们</span><span class="copyright_split">|</span>
						<span>联系我们</span><span class="copyright_split">|</span>
						<span>联系客服</span><span class="copyright_split">|</span>
						<span>合作招商</span><span class="copyright_split">|</span>
						<span>商家帮助</span><span class="copyright_split">|</span>
						<span>营销中心</span>
						<p class="" style="margin-top: 15px">前置审批备案号: 川教GX-20120046</p>
						<p class="">Copyright © 2022 yxy All rights reserved</p>
						</div>
					</div>
			</div>
		<!--尾部结束-->
	<div class="modal fade" id="register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  	<div class="modal-dialog modal-lg">
	    	<div class="modal-content">
			  	<div class="modal-header">
					<h5 class="modal-title">用户注册</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					  	<span aria-hidden="true">&times;</span>
					</button>
			  	</div>
			  	<div class="modal-body">
					<form>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputusername">
							</div>
					  	</div>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputPassword">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">确认密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputConfirmPassword">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">年龄</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputAge">
							</div>
					  	</div>
						<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">性别</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputSex">
							</div>
					  	</div>
	
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						</div>
					</form>
			  	</div>
	
	    	</div>
	  	</div>
	</div>
	<!--注册结束-->
	
	<!--登录开始-->
	<div class="modal fade" id="login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  	<div class="modal-dialog modal-lg">
	    	<div class="modal-content">
			  	<div class="modal-header">
					<h5 class="modal-title" >用户登录</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					  	<span aria-hidden="true">&times;</span>
					</button>
			  	</div>
			  	<div class="modal-body">
					<form>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
							<div class="col-sm-10">
							  <input type="text" class="form-control" id="inputusername_1">
							</div>
					  	</div>
					  	<div class="form-group row">
							<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
							<div class="col-sm-10">
							  <input type="password" class="form-control" id="inputPassword_2">
							</div>
					  	</div>
	
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary">提交</button>
						</div>
					</form>
			  	</div>
	
	    	</div>
	  	</div>
	</div>
		<div class="modal fade" id="register" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		  	<div class="modal-dialog modal-lg">
		    	<div class="modal-content">
				  	<div class="modal-header">
						<h5 class="modal-title">用户注册</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						  	<span aria-hidden="true">&times;</span>
						</button>
				  	</div>
				  	<div class="modal-body">
						<form>
						  	<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="inputusername">
								</div>
						  	</div>
						  	<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
								<div class="col-sm-10">
								  <input type="password" class="form-control" id="inputPassword">
								</div>
						  	</div>
							<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">确认密码</label>
								<div class="col-sm-10">
								  <input type="password" class="form-control" id="inputConfirmPassword">
								</div>
						  	</div>
							<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">年龄</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="inputAge">
								</div>
						  	</div>
							<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">性别</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="inputSex">
								</div>
						  	</div>
		
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
								<button type="button" class="btn btn-primary">提交</button>
							</div>
						</form>
				  	</div>
		
		    	</div>
		  	</div>
		</div>
		<!--注册结束-->
		
		<!--登录开始-->
		<div class="modal fade" id="login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		  	<div class="modal-dialog modal-lg">
		    	<div class="modal-content">
				  	<div class="modal-header">
						<h5 class="modal-title" >用户登录</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						  	<span aria-hidden="true">&times;</span>
						</button>
				  	</div>
				  	<div class="modal-body">
						<form>
						  	<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">用户名</label>
								<div class="col-sm-10">
								  <input type="text" class="form-control" id="inputusername_1">
								</div>
						  	</div>
						  	<div class="form-group row">
								<label for="inputPassword" class="col-sm-2 col-form-label">密码</label>
								<div class="col-sm-10">
								  <input type="password" class="form-control" id="inputPassword_2">
								</div>
						  	</div>
		
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
								<button type="button" class="btn btn-primary">提交</button>
							</div>
						</form>
				  	</div>
		
		    	</div>
		  	</div>
		</div>
	</body>
	<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
</html>
